<template>
  <div class="pay-order">
      <van-sticky>
    <div class="header">
        <div class="title">
        <van-icon class="icon-home" name="wap-home-o" />
        <span>网易严选</span>
        <van-icon class="icon-search" name="search" />
        <van-icon class="icon-shopping-cart-o" name="shopping-cart-o" badge="6"/>
    </div>
    </div>
</van-sticky>
   <div class="content">
          <div class="submit-success">
          <span class="font">
             <van-icon name="passed"  color="green" size="30"/> 
           <span class="sub">
                 请您在提交订单<span class="time">4小时</span>只能完成,超时订单会自动取消,订单号为<span>111</span>
           </span>
          </span>
      </div>
        <div class="hr"></div>
        <div class="submit">
          <a class="btn" @click="handlePay">立即支付</a>
        </div>

   </div>
  </div>
</template>

<script>
export default {
  name:"Pay",
  methods: {
    handlePay(){}
  }
}
</script>

<style scoped lang="less">
.pay-order{
    
    
.header {
  width: 100%;
  height: 43px;
  border-bottom: 2px solid #fafafa;
  background-color: #fafafa;
  .title {
    line-height: 43px;
    width: 92%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    .icon-home {
      float: left;
      line-height: 43px;
    }
    span {
      width: 100%;
      margin-left: 100px;
      font-size: 20px;
    }
    .icon-search {
      float: right;
      line-height: 43px;
      margin-right: 15px;
    }
    .icon-shopping-cart-o {
      line-height: 43px;
      .van-info {
        margin-top: 10px;
      }
    }
  }
}
.content{
    margin-top: 120px;
    .submit-success{
   
    .font{
        
        .sub{
             font-size:20px;
             .time{
                 color:red
             }
        }
    }
};
 .submit {
        text-align: center;

        .btn {
           
          display: inline-block;
          padding: 15px 45px;
          margin: 30px 0 10px;
          font: 18px "微软雅黑";
          font-weight: 700;
          border-radius: 0;
          background-color: #e1251b;
          border: 1px solid #e1251b;
          color: #fff;
          text-align: center;
          vertical-align: middle;
          cursor: pointer;
          user-select: none;
          text-decoration: none;
        }
      }
}
}



</style>